<template>
  <div class="failed outer" >
    <div class="content">
      <div class="failed-banner">
        <div class="close" @click="popupSwitch"></div>
      </div>
      <div class="try-later">
        <div>服务器开小差了</div>
        <div>请稍后再试一试哟~</div>
      </div>
      <swiper></swiper>
    </div>
  </div>
</template>
<script>
  import swiper from 'components/common/SlideShow'
  let win = window
  export default{
    components: {
      swiper
    },
    props: {
      popupSwitch: {
        type: Function
      }
    },
    methods: {
      goBack () {
        win.location.href = 'gtjanormal://goback'
      }
    }
  }
</script>
<style lang="less">
.failed{
  height: 330px;
  .content{
    width: 325px;
    height: 298px;
    background: white;
    border-radius: 11.5px;
    margin-top: -8px;
    .failed-banner{
      height: 86.5px;
      background: url("../../../assets/images/banner_failed.png") no-repeat 0 0 / cover;
    }
    .try-later{
      color: #666666;
      font-size: 18px;
      line-height: 30.5px;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
}
</style>
